<template>
	<public-view navType="other">
		<view class="content-admin">
			<view class="pay-box flex a-i-c f-d-c">
				<image class="success-icon" src="@/static/images/live/pay-success.svg" mode=""></image>
				<view class="f-s-40 f-w-b success-text" style="color: #383838;">
					支付成功
				</view>
				<view class="flex a-i-c color-999 f-s-24">
					<image class="live-tip-icon" src="@/static/images/live/live-tip-icon.svg" mode=""></image>请复制后台网址到浏览器，根据账号密码登陆开通商品库
				</view>
			</view>
			<view class="box-view flex a-i-c j-c-b color-333 f-w-b" >
				<view class="f-s-24">
					后台网址
				</view>
				<view class="f-s-22" @click="copy('https://bdk.baodika.com/admin')">
					https://bdk.baodika.com/admin
				</view>
			</view>
			<view class="box-view flex a-i-c j-c-b color-333 f-w-b">
				<view class="f-s-24">
					后台账号
				</view>
				<view class="f-s-22">
					jhghvovo
				</view>
			</view>
			<view class="box-view flex a-i-c j-c-b color-333 f-w-b">
				<view class="f-s-24">
					后台密码
				</view>
				<view class="f-s-22">
					12345678
				</view>
			</view>
		</view>
	</public-view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		},
		methods:{
			copy(data) {
				if (!data) return
				console.log(data);
				uni.setClipboardData({
					data:data,
					success: ()=>{
						uni.showToast({
							title:"复制成功",
							icon:"none"
						});
					},
					
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	.pay-box{
		width: 100%;
		padding-top: 62upx;
		margin-bottom: 52upx;
		.live-tip-icon{
			width: 24upx;
			height: 24upx;
			margin-right: 8upx;
		}
		.success-text{
			margin-bottom: 24upx;
		}
		.success-icon{
			width: 128upx;
			height: 128upx;
			margin-bottom: 56upx;
		}
	}
	.box-view{
		width: 100%;
		height: 80upx;
		background: #f6f6f6;
		margin-bottom: 20upx;
		padding: 0 30upx;
		border-radius: 20upx;
	}
	.content-admin{
		width: 750upx;
		padding: 30upx;
	}
</style>
